<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>登录</title>
        <!--
        <style type="text/css">
            .adsbygoogle,img[src^="http://sentsin.qiniudn.com/ad_"] {display:none!important;display:none}</style>
        -->
    </head>

    <!--
    <link href="http://res.sentsin.com/css/xu.css" type="text/css" rel="stylesheet" />
    <script src="http://res.xiami.net/pc/lay/lib.js"></script>
    -->
    <script type="text/javascript" src="Public/js/jquery-1.8.1.js"></script>
    <script type="text/javascript" src="Public/js/layer/layer.min.js"></script>

    <style>
        body{
            padding:10px; font-size:14px; background:#fff; 
            /*
            width:95%; margin:0 auto;
            */
            font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,\5E7C\5706,Arial,Verdana;
        }
        p{margin-bottom:10px;}
        button,input{border:1px solid #999; padding:5px 10px; margin:0 10px 10px 0;}
        button{ cursor:pointer;}
    </style>

    <body>
        <table>
            <tr>
                <td>用户名</td>
                <td><input id="username" /></td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input id="password" /></td>
            </tr>
        </table>
        <!--
                <p>这里是ifram.html，您可以通过父窗口得到我的DOM(点击右上角关闭按钮试试)，从而操作我的一切。我也可以这里操作父窗口。</p>
                <pre>
        &lt;button id="add"&gt;让层自适应iframe&lt;/button&gt; &lt;button id="new"&gt;在父层再弹出一个层&lt;/button&gt; &lt;button id="closeIframe"&gt;关闭iframe&lt;/button&gt;
        &lt;script&gt;<span class="run">
        //获取当前窗口索引
        var index = parent.layer.getFrameIndex(window.name);
        //让层自适应iframe
        $('#add').on('click', function(){
            $('body').append('今年是甲午中日战争120周年，日本在1894年开始对我国进行了半个世纪的野蛮侵略。勿忘国耻，牢记世仇，倭国不亡，我中华永无宁日！');
            parent.layer.iframeAuto(index);
        });
        //在父层弹出一个层
        $('#new').on('click', function(){
            parent.layer.msg('Hi, man')
        });
        //关闭iframe
        $('#closeIframe').click(function(){
            parent.layer.msg('您将标记"' + $('#username').val() + '"成功传送给了父窗口' , 1);
//alert(index);
parent.location.reload();

            parent.layer.close(index);
        });
        </span>&lt;/script&gt;
                </pre>
        -->
        <!--
        <div style="margin-top:10px;">
            <button id="add">让层自适应iframe</button>
            <button id="new">在父层弹出一个层</button>
            <button id="closeIframe">关闭iframe</button>
        </div> -->
        <div style="margin-top:10px;">
            <button id="loginBtn">登录</button>
        </div>

        <!--
                <script src="http://res.xiami.net/pc/lay/lib.js"></script>
                <script src="http://res.sentsin.com/lay/lib/laycode/laycode.min.js"></script>
        -->
        <script>
            new Function($('.run').text())()
            $('pre').show().laycode({height: 180, title: '在iframe中对父页面的任何操作，都是借助于parent对象。'});


        </script>
        <!--
        <script src='http://w.cnzz.com/c.php?id=30060348'></script>
        -->

        <script type="text/javascript">
            $(function() {
                var index = parent.layer.getFrameIndex(window.name);
                //关闭iframe
                $('#loginBtn').click(function() {
                    //parent.layer.msg('您将标记"' + $('#username').val() + '"成功传送给了父窗口', 1);
                    //parent.location.reload();
                    //parent.layer.close(index);
                    var url = 'index.php/Home/User/login';
                    var args = {"username": $('#username').val(), "password": $('#password').val()};
                    //args :JSON格式
                    //function 回调函数，当相应结束时被触发。响应结果在data中
                    /*
                     $.post(url, args, function(data) {
                     //$.get(url, args, function(data){//这里使用post和get无区别
                     //var name = $(data).find("name").text(); //从json中取数据
                     alert($(data).find("username").text());
                     if($(data).find("id").text()){
                     layer.alert("登录成功");
                     parent.location.reload();
                     parent.layer.close(index);
                     }else{
                     layer.alert("登录失败，请检查用户名和密码");
                     }
                     //parent.location.reload();
                     //parent.layer.close(index);
                     });
                     */
                    $.ajax({
                        type: "POST",
                        url: url,
                        dataType: "json",
                        data: args,
                        success: function(msg) {
                            if (msg.error) {
                                layer.alert(msg.error);
                                return;
                            }else if(msg.id != '0'){
                                layer.alert("登陆成功");
                                parent.location.reload();
                                parent.layer.close(index);
                            }else{
                                layer.alert("登录失败，请检查用户名和密码");
                            }
                            //alert(msg.username);
                        }
                    });
                });
            });
        </script>

    </body>
</html>
